@@include('./top.html')
</head>
<body>
@@include('./header.html',{
    "index": "act"
})
<div class="banner cg-s u-slick">
    <div class="item">
        <div class="pic2"><img src="img/banner1.jpg" alt=""></div>
        <div class="txts">
            <div class="pw">
                <p class="ti am-fir">威尔达外墙保温装饰板发明者<br>和行业引领者</p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="pic2"><img src="img/banner2.jpg" alt=""></div>
        <div class="txts">
            <div class="pw">
                <p class="ti am-fir">威尔达建筑保温系统<br>优质服务商</p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="pic2"><img src="img/banner3.jpg" alt=""></div>
        <div class="txts">
            <div class="pw">
                <p class="ti am-fir">威尔达专业致力于<br>外墙保温装饰系统解决方案25年</p>
            </div>
        </div>
    </div>
</div>
<!-- banner -->
<div class="container">
    <div class="ix1">
        <div class="ix-ab pw clearfix">
            <div class="txts">
                <h2 class="ia-ti fwb nowti">中国保温装饰板行业缔造者&领导者</h2>
                <div class="tx">威尔达节能科技有限公司，是专业从事保温装饰板、保温材料、高性能氟碳涂料及各种建筑涂料、结构型胶粘剂的研发和生产的高新技术企业。为满足现代建筑对保温节能装饰多功能需求，我公司成功研制...</div>
                <div class="more"><a href="about.html" class="ia-more">了解详情<i class="icon iconfont icon-jiantou_xiangyou_o"></i></a></div>
            </div>
            <div class="ia-video"><a href="#" data-video-url="img/video.mp4" data-video-image="img/ia_i1.jpg" class="scapic vi-btn">
                <div class="pai"><img src="img/ia_i1.jpg" alt=""><span class="cover"></span><div class="video-btn"><p class="sj sj-r"></p></div></div>
            </a></div>
        </div>
    </div>
    <!-- ix1 -->
    <div class="ix2">
        <ul class="ix-pro clearfix">
            <li><a href="pro.html">
                <div class="pic2" style="background-image: url(img/ip_i1.jpg);"><span class="cover"></span></div>
                <div class="txts tac">
                    <div class="ip-ti">
                        <h2 class="ch nowti fwb">保温装饰一体板</h2>
                        <h3 class="en nowti ff-1">Thermal insulation material</h3>
                    </div>
                    <div class="tx tac">威尔达保温装饰板具有轻质高强、保温隔热、安全防火、装饰豪华、安装方便的优异性能</div>
                    <div class="more"><span class="ia-more">了解详情<i class="icon iconfont icon-jiantou_xiangyou_o"></i></span></div>
                </div>
            </a></li>
            <li><a href="pro1.html">
                <div class="pic2" style="background-image: url(img/ip_i2.jpg);"><span class="cover"></span></div>
                <div class="txts tac">
                    <div class="ip-ti">
                        <h2 class="ch nowti fwb">保温材料</h2>
                        <h3 class="en nowti ff-1">Thermal insulation material</h3>
                    </div>
                    <div class="tx tac">威尔达保温装饰板具有轻质高强、保温隔热、安全防火、装饰豪华、安装方便的优异性能</div>
                    <div class="more"><span class="ia-more">了解详情<i class="icon iconfont icon-jiantou_xiangyou_o"></i></span></div>
                </div>
            </a></li>
            <li><a href="pro2.html">
                <div class="pic2" style="background-image: url(img/ip_i3.jpg);"><span class="cover"></span></div>
                <div class="txts tac">
                    <div class="ip-ti">
                        <h2 class="ch nowti fwb">建筑涂料</h2>
                        <h3 class="en nowti ff-1">Thermal insulation material</h3>
                    </div>
                    <div class="tx tac">威尔达保温装饰板具有轻质高强、保温隔热、安全防火、装饰豪华、安装方便的优异性能</div>
                    <div class="more"><span class="ia-more">了解详情<i class="icon iconfont icon-jiantou_xiangyou_o"></i></span></div>
                </div>
            </a></li>
            <li><a href="pro3.html">
                <div class="pic2" style="background-image: url(img/ip_i4.jpg);"><span class="cover"></span></div>
                <div class="txts tac">
                    <div class="ip-ti">
                        <h2 class="ch nowti fwb">辅助体系</h2>
                        <h3 class="en nowti ff-1">Thermal insulation material</h3>
                    </div>
                    <div class="tx tac">威尔达保温装饰板具有轻质高强、保温隔热、安全防火、装饰豪华、安装方便的优异性能</div>
                    <div class="more"><span class="ia-more">了解详情<i class="icon iconfont icon-jiantou_xiangyou_o"></i></span></div>
                </div>
            </a></li>
        </ul>
    </div>
    <!-- ix2 -->
    <div class="ix3 pw clearfix">
        <div class="in-ti">
            <h2 class="ch fwb">新闻资讯</h2>
            <h3 class="en ff-1">News<br>information</h3>
        </div>
        <div class="ix-news u-slick">
            <div class="item"><a href="news-detail.html" class="in-a">
                <div class="in-date ff-1">
                    <p class="x">行业常识</p>
                    <p class="y">2018</p>
                    <p class="m">09.26</p>
                </div>
                <div class="txts">
                    <p class="nowti">建筑低碳节能 结构与保温装饰一体化技术创新凝聚活力</p>
                    <div class="tx">随着城镇化时期的快速变革与来临，生产方式和生活方式的转化愈发加速建筑工业化+低碳节能的汇聚融合，促使建筑功能趋向一体化发展，并实现建筑墙体保温与主体结构同...</div>
                    <div class="more"><span class="ia-more">了解详情<i class="icon iconfont icon-jiantou_xiangyou_o"></i></span></div>
                </div>
            </a></div>
            <div class="item"><a href="news-detail.html" class="in-a">
                <div class="in-date ff-1">
                    <p class="x">行业常识</p>
                    <p class="y">2018</p>
                    <p class="m">09.26</p>
                </div>
                <div class="txts">
                    <p class="nowti">建筑低碳节能 结构与保温装饰一体化技术创新凝聚活力</p>
                    <div class="tx">随着城镇化时期的快速变革与来临，生产方式和生活方式的转化愈发加速建筑工业化+低碳节能的汇聚融合，促使建筑功能趋向一体化发展，并实现建筑墙体保温与主体结构同...</div>
                    <div class="more"><span class="ia-more">了解详情<i class="icon iconfont icon-jiantou_xiangyou_o"></i></span></div>
                </div>
            </a></div>
            <div class="item"><a href="news-detail.html" class="in-a">
                <div class="in-date ff-1">
                    <p class="x">行业常识</p>
                    <p class="y">2018</p>
                    <p class="m">09.26</p>
                </div>
                <div class="txts">
                    <p class="nowti">建筑低碳节能 结构与保温装饰一体化技术创新凝聚活力</p>
                    <div class="tx">随着城镇化时期的快速变革与来临，生产方式和生活方式的转化愈发加速建筑工业化+低碳节能的汇聚融合，促使建筑功能趋向一体化发展，并实现建筑墙体保温与主体结构同...</div>
                    <div class="more"><span class="ia-more">了解详情<i class="icon iconfont icon-jiantou_xiangyou_o"></i></span></div>
                </div>
            </a></div>
        </div>
    </div>
    <!-- ix3 -->
</div>
<!-- container -->
@@include('./footer.html')
<div class="vwrap">
    <div class="videobtg"></div>
    <div class="videobox">
        <div id="videobox"></div>
        <div class="close"><i></i></div>
    </div>
</div>
<script src="js/video/player.mini.js"></script>
<script src="js/page.js"></script>
<script>
    var maxPro = 0,
        minPro = 0;
    function indexBox() {
        if(!isMobile){
            $('.banner').css({ height: w_height - $mtoph });
            $('.banner .item').css({ height: w_height - $mtoph });
            setImgMax($('.banner .pic2'), 1920, 950, w_width, w_height - $mtoph);
            maxPro = Math.floor(0.406*w_width);
            minPro = Math.floor(0.198*w_width);
            centPro = Math.floor(0.25*w_width);
            $('.ix-pro li').css({width: centPro});
        }else{
            $('.banner').css({ height: 'auto' });
            $('.banner .item').css({ height: 'auto' });
            $('.banner .pic2').attr({ 'style': '' });
        }
    }
    indexBox();
    $(window).resize(function() {
        indexBox();
    });  
    $(function(){
        $('.banner').on('init', function(event, slick, currentSlide, nextSlide) {
            $('.banner .item').first().addClass('active');
        });
        $('.banner').slick({
            speed: 1000,
            arrows: true,
            dots: true,
            autoplay: true,
            autoplaySpeed: 5000,
            fade: true,
            pauseOnHover: false
        }).on('beforeChange', function(event, slick, currentSlide, nextSlide){
            $('.banner .item').removeClass('active');
            $('.banner .item').eq(nextSlide).addClass('active');
        });

        $('.ix-pro li').mouseenter(function () {
            if (isMobile) { return; }
            $('.ix-pro li').removeClass('act').stop().animate({width: minPro}, 400, 'linear');
            $(this).addClass('act').stop().animate({width: maxPro}, 400, 'linear');
        });
        $('.ix-pro').mouseleave(function () {
            if (isMobile) { return; }
            $('.ix-pro li').removeClass('act').stop().animate({width: centPro}, 400, 'linear');
        });
        $('.ix-news').slick({
            arrows: false,
            dots: true
        });
    })
</script>
</body>
</html>
